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In this part of the course, we will deal with one of the most important parts of layout design, staging. We will also 
delve into the principles which are foundational to staging, that is principles of perspective and the principles of 
compositional design. 
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Image credits - Vajra Pancharia. 


Here, as we observe the actions of the characters between themselves and with the environment, and we make 
assumptions to assess the situation. We are given a slight glimpse into their life and we understand their world 
and the surroundings in which they live. This triggers the emotional life into the scene which is largely accom- 
plished due to staging. 


As layout artists, our primary objective is to design layouts which will lead the viewer’s eye to the primary idea of 
the scene without much distractions so that it can aid in triggering an emotional response in the audience. 


Good staging can be achieved by keeping some essential principles in mind. These principles can be broadly clas- 
sified into: 


* Principles of perspective. 
* Principle of compositional design. 
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Principles of Perspective 


If we go by the dictionary meaning, perspective is the art of representing a three-dimensional objects on a 
two-dimensional surface so as to give the right impression of their height, width, depth, and position in relation 
to each other. We are clearly able to understand its position in space as well. This helps a great deal in our layouts 
when we apply the principles of perspective into layout design. 


op 


Representation of three-dimensional objects on a two-dimensional surface. 
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A character standing in front of a house. 
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8. Contact Details The same character standing in front of a house but with the principles of perspective applied to it. 


So basically, what perspective does is, it creates an illusion of space. A space where the character can walk around 
and interact with the elements placed in the environment. 
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Achieved with one vanishing point. 
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In the image above, we can see the lines leading to the single vanishing point. 
Image credits: Pixabay. 
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* Two-Point Perspective. 


Achieved with two vanishing points. 
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outside the image. 
Image credits: Pixabay. 
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¢ Three-Point Perspective. 


Achieved with two vanishing points. 
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Three-point perspective is a bit complicated to achieve in real life, nevertheless when achieved it looks majestic. 
In the picture above, the lines lead to the vanishing points which are outside of our image. 
Image credits: Pixabay. 


Perspective helps us to make our fictional world more dynamic and authentic. 
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Movement Emphasis 
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Symmetrical balance is achieved when both the elements balance along an imaginary axis. 
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Movement 


Movement is the visual flow of the composition - it is used to direct the viewer’s eye through the composition. 
A sense of movement can be achieved by using diagonal lines, curved lines, by the manipulating negative and 
positive space etc. 


The artist has used the background nicely to make our eye move towards the two characters placed in the com- 
position. 
Image credits - Vajra Pancharia. 
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Like the word implies, is the one area in the composition which draws the attention of the viewer's eyes. It is also 
where the primary idea of the scene occurs. If there are more dominant areas in the composition, it will confuse 
the viewer and they wouldn’t know where to look in the composition. By using all the other principles of design 
we will be able to bring about attention to the primary idea of the scene. 


Emphasising a concept. 
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Creating emphasis in real life. 
Image credits - Pixabay. 
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Unity 


The composition should come together with similar units to have visual unity. It should feel that the elements in 
the composition come from the same type of elements. 


Unity achieved using similar units. 
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Unity in real life. 
Image credits - Pixabay. 
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Production 


Before we jump into making production layouts, we should understand certain technicalities regarding anima- 
tion layouts. 


During production, the layouts are always drawn in layers so as to separate the foreground, midground and back- 
ground; and give enough space for the character or effects to playout without interfering with the background. 


background layer 


animation layer g¢_—~ > ~__ 


Separated background and animation layers. 
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The different layers combine together to give a complete production still. 
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Different names are given to these layers depending on where there are placed when a character animates ina 
scene. They are : 


¢ An overlay (OL) is the layout which sits on top of the animation layer. 

¢ An underlay (UL) sits below the animation layer. 

¢ And the background (BG) is the one which sets the setting for the action. It provides the necessary information 
for the animator to stage the action. 

* There is also an overlay/underlay(OL/UL) layer, where the animation happens above and below the layout lev- 
els. 


background (BG) 


underlay (UL) 
imation layer 


overlay (OL) 


The position of different layers which goes into production. 
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An example of tilt/pan layout. The camera may tilt or pan from top to bottom or vice versa in a scene. 
Image credits - Vajra Pancharia, Pubby Project. 
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From an inked layout to final painted layout. 
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Process documenting the painting of an inked layout design. 
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Once the silhouettes are identified, we can start coloring them. | 
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Contact Details 


This documentation for the course was done by 
Gayathri Jeaks at IDC, IIT Bombay. 


You can get in touch with Gayathri Jeaks at 
Email: mj.gayathri[at]gmail.com 


You could write to the following address regarding 
suggestions and clarifications: 


Helpdesk Details: 
Co-ordinator 

Project e-kalpa 
Industrial Design Centre 
IIT Bombay 

Powai 

Mumbai 400076 

India 


Phone: 091-22-25767820/ 7801/ 7802 
Fax: 091-22-25767803 
Email: dsource.in[at]gmail.com 


